<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<h:head>

	<link rel="stylesheet" type="text/css"
		href="#{facesContext.externalContext.request.contextPath}/css/loginScreen.css" />

</h:head>

<h:body>

	<div id="container">

		<div id="logo">
			<h1>M</h1>
			<h3>Auto Socorro Marinho</h3>
		</div>
		<!-- Fim da div logo -->

		<div id="content">


			<h:form id="form">

				<p:panel header="Login e Senha">


					<h:panelGrid id="grid" columns="2" style="margin-bottom:10px">
						<div id="formCliente">
							<f:facet name="header">
								<p:messages />
							</f:facet>
							<h:outputLabel for="firstname" />
							<p:inputText id="firstname" title="login"
								value=" #{personBean.firstname}" />
						</div>
						<!-- Fim da div formCliente -->
					</h:panelGrid>


					<p:messages id="messages" showDetail="true" autoUpdate="true" />

					<h:panelGrid columns="2" id="matchGrid">
						<div id="senha">
							<h:outputLabel for="pwd1" />
							<p:password id="pwd1" value="#{passwordBean.password5}"
								match="pwd2" label="Password 1" required="true" title="senha" />

						</div>
						<!-- Fim da div senha -->
					</h:panelGrid>

					<p:commandButton id="saveButton" update="matchGrid" value="Entrar" />

				</p:panel>


			</h:form>


		</div>
		<!-- fim content -->



	</div>
	<!-- fim container -->

</h:body>



</html>